<div class="deal-content" style="background-image:url('{$image}')">
    <div style="width: 1200px;">
        <div class="splitcontent">
            {$subName}
        </div>
    </div>
</div>
<div class="box">
  <div class="boxtop">
      <div class="leftbox">在线解答</div>
      <div class="rightbox">Online Answers</div>
  </div>
    <div class="boxbottom">
        <div class="relative" style="position: relative">
                <textarea
                        id="textarea"
                        disabled="disabled"
                        class="textarea-ransition-al"
                        placeholder="请输入不超过500字的内容..."
                        maxlength="500"></textarea>
            <svg style="position: absolute;left: 50%; top: 50%; margin-left: -110px;margin-top: -110px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="210" viewBox="0 0 210 210" fill="none">
                <rect x="0" y="0" width="210" height="210"   fill="url(#pattern_fill_206_1)" >
                </rect>
                <g >
                    <text transform="translate(41, 190)">
                        <tspan x="6.079999999999998" y="17.2" font-size="20" line-height="0" style="mix-blend-mode:normal" fill="#4B6274"  font-family="" letter-spacing="0" >
                            正在维护中...</tspan>
                    </text>
                </g>
                <defs>
                    <pattern id="pattern_fill_206_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                        <use transform="translate(0, 0) scale(0.0016666666666666666, 0.0016666666666666666) rotate(0)" xlink:href="#image0" />
                    </pattern>

                    <image id="image0" width="600" height="600" xlink:href="" />

                </defs>
            </svg>

            <div class="text-gray-500">
                <span id="current-count">0</span>/500
            </div>
        </div>
        <div class="box4">
            <div class="box5">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z" stroke="rgba(75, 98, 116, 1)" stroke-width="1" stroke-linejoin="round"  style="mix-blend-mode:normal">
                    </path>
                    <path d="M12 18.5C12.6903 18.5 13.25 17.9403 13.25 17.25C13.25 16.5597 12.6903 16 12 16C11.3097 16 10.75 16.5597 10.75 17.25C10.75 17.9403 11.3097 18.5 12 18.5Z" fill-rule="evenodd" style="mix-blend-mode:normal" fill="#4B6274" >
                    </path>
                    <path    stroke="rgba(75, 98, 116, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M12 6L12 14">
                    </path>
                </svg>
                留言成功后，我们将尽快回复，请在个人中心，我的消息内查看回复内容
            </div>

            {if $user}
            <div class="boxright"  >
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M22 3L2 3L2 18L12.5 18L17.5 20.5L17.5 18L22 18L22 3Z" stroke="rgba(255, 255, 255, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
                    </path>
                    <path    stroke="rgba(255, 255, 255, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M6.5 11.5C6.5 11.5 8.5 13.5 12 13.5C15.5 13.5 17.5 11.5 17.5 11.5">
                    </path>
                </svg>
                <div class="boxrightp">留言</div>
            </div>
            {else}
            <div class="boxright">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M22 3L2 3L2 18L12.5 18L17.5 20.5L17.5 18L22 18L22 3Z" stroke="rgba(255, 255, 255, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal">
                    </path>
                    <path    stroke="rgba(255, 255, 255, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round" style="mix-blend-mode:normal" d="M6.5 11.5C6.5 11.5 8.5 13.5 12 13.5C15.5 13.5 17.5 11.5 17.5 11.5">
                    </path>
                </svg>
                <div class="boxrightp">留言</div>
            </div>
            {/if}



        </div>
    </div>
</div>
<script>

    function addMsg(val){
        if(val==1){
            var textarea = document.getElementById('textarea');
            var content = textarea.value;

            $.post('{:url("users/addMsg")}',{content:content},function (res){
                if (res.code == 1) {
                    layer.msg(res.msg,{time: 2000,}, function () {
                        layer.closeAll();//疯狂模式，关闭所有层
                        location.href=res.url;
                    })
                } else {
                    layer.msg(res.msg);
                    return;
                }

            },'json')
        }else {
            layer.msg('请先登录');
            return;
        }
    }


</script>
<style>
    @media only screen and (max-width: 767px) {
        .box {
            padding: 0 !important;
        }
        .textarea-ransition-al{
            width: 100% !important;
        }
        .boxbottom{
            width: 100% !important;
            margin: 0 !important;
        }
        .boxtop{ width: 100% !important; padding: 10px!important;}
        .leftbox{
            /** 文本1 */
            font-size: 20px !important;
        }
        .rightbox{
            font-size: 20px !important;
        }
    .box5{ width: 90% !important; margin-right: 10px !important;}
    }
    .box {
        width: 100%;
        padding: 70px 0;
        background:  linear-gradient(to bottom, #EBEEF1 40%, #dce0e3 40%);
    }
    .boxtop {
       display: flex;
        width: 1200px;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
    }
    .leftbox{
        /** 文本1 */
        font-size: 42px;
        font-weight: 600;
        letter-spacing: 0px;
        line-height: 58.8px;
        color: rgba(0, 0, 0, 1);
        vertical-align: middle;
    }
    .rightbox{
        /** 文本1 */
        font-size: 54px;
        font-weight: 900;
        letter-spacing: 0px;
        line-height: 74.09px;
        color: rgba(255, 255, 255, 1);
        text-align: right;
        vertical-align: middle;
    }
    .boxbottom{
        margin: 50px auto;
        width: 1200px;
        height: 638px;
        opacity: 1;
        padding: 30px;
        background: rgba(255, 255, 255, 1);
        position: relative;
    }
    .textarea-ransition-al{
        width: 1140px;
        height: 458px;
        opacity: 1;
        border: 1px solid rgba(198, 213, 225, 1);
        resize: none;
        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 34px;
        color: #000;
        vertical-align: top;
        padding: 30px;
    }
    .textarea-ransition-al:focus {
        outline: 1px solid rgba(198, 213, 225, 1) !important;
    }
    .textarea-ransition-al::placeholder {
        color: #A0AFBA
    }
    .text-gray-500{
        position: absolute;
        right: 60px;
        bottom: 180px;
        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 25.2px;
        color: rgba(75, 98, 116, 0.6);
        text-align: right;
        vertical-align: middle;
    }
    .box4 {
        /** 文本1 */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:20px 0;
        height:138px;
    }
    .box5{
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 25.2px;
        color: rgba(75, 98, 116, 0.6);
        vertical-align: middle;
    }
    .boxright {
        width: 230px;
        height: 80px;
        opacity: 1;
        border-radius: 140px;
        background: rgba(2, 4, 5, 1);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .boxrightp {
        /** 文本1 */
        font-size: 26px;
        font-weight: 600;
        letter-spacing: 0px;
        line-height: 36.4px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        vertical-align: middle;
        margin-left: 20px;
    }
</style>
